<!-- 搜索框 -->
<div class="card mb-4">
    <div class="card-body">
        {eyou:searchform type='default'}
        <form method="get" action="{$field.action}" onsubmit="return searchForm();">
            <div class="input-group">
                {$field.hidden}
                <input type="text" class="form-control" name="keywords" id="keywords" placeholder="Search">
                <div class="input-group-append">
                    <button class="input-group-text bg-dark text-white border-dark" type="submit"
                        value="内容">Search</button>
                </div>
            </div>
        </form>
        <script>
            function searchForm() {
                var keywords = document.getElementById('keywords').value;
                if (keywords == '') {
                    alert('请输入关键字');
                    return false;
                }
                return true;
            }
        </script>
        {/eyou:searchform}
    </div>
</div>
<!-- 热点新闻 -->
<div class="card mb-4">
    <div class="card-header bg-dark text-white">Hot</div>
    <ul class="list-group list-group-flush">
        {eyou:arclist row="5" typeid="68" orderby="new" orderway="desc" flag="h" channelid="1" }
        <a href="{$field.arcurl}" class="list-group-item list-group-item-action">
            <h6 class="font-weight-light text-truncate-2">{$field.title}</h6>
            <small>{$field.add_time|MyDate='Y年m月d日',###}</small>
        </a>
        {/eyou:arclist}
    </ul>
</div>
<!-- 标签栏 -->
<div class="card mb-4">
    <div class="card-header bg-dark text-white">Tags</div>
    <div class="card-body pr-0">
        {eyou:tag sort='now' getall='1' row='100'}
        <a href='{$field.link}' class="btn btn-sm btn-light mr-3 mb-3" role="button">{$field.tag}</a>
        {/eyou:tag}
    </div>
</div>
<!-- 联系方式 -->
<div class="card mb-4">
    <div class="card-header bg-dark text-white">Contact</div>
    <ul class="list-group list-group-flush">
        <li class="list-group-item"><i class="bi bi-layers"></i>&nbsp;&nbsp;xsy.design</li>
        <li class="list-group-item"><i class="bi bi-snapchat"></i>&nbsp;&nbsp;{eyou:global
            name='web_attr_21'/}</li>
        <li class="list-group-item"><i class="bi bi-envelope"></i>&nbsp;&nbsp;{eyou:global
            name='web_attr_15'/}</li>
        <li class="list-group-item"><i class="bi bi-geo-alt"></i>&nbsp;&nbsp;{eyou:global
            name='web_attr_16'/}</li>
    </ul>
</div>
<!-- 友情链接 -->
<div class="card mb-4">
    <div class="card-header bg-dark text-white">Link</div>
    <ul class="list-group list-group-flush">
        {eyou:flink type='text' row='30'}
        <a href="{$field.url}" {$field.target}
            class="list-group-item list-group-item-action text-truncate">{$field.title}</a>
        {/eyou:flink}
    </ul>
</div>